<template>
<div>
<div class="kuang_k">
	<div><img src="static/tutu2.jpg" /></div>
</div>	
<div class="you_wen">
	<div class="you_wen1">捷俊(JAYJUN)黑色水光面膜三部曲 25ml 10片/盒 补水 保湿 男女通用</div>
</div>	
<div class="you_pq">
	<div class="you_pq1">¥</div>
	<div class="you_pq2">1</div>
	<div class="you_pq3">22人在拼抢</div>
	<input type="button" value="去拼抢" class="you_pq4"/>
	<div class="clearfix"></div>
</div>
<div style="width: 100%;height: 8px;background: #F5F5F5;"></div>	
<div class="kuang_k">
	<div><img src="../assets/img/tutu2.jpg" /></div>
</div>	
<div class="you_wen">
	<div class="you_wen1">捷俊(JAYJUN)黑色水光面膜三部曲 25ml 10片/盒 补水 保湿 男女通用</div>
</div>	
<div class="you_pq">
	<div class="you_pq1">¥</div>
	<div class="you_pq2">1</div>
	<div class="you_pq3">22人在拼抢</div>
	<input type="button" value="去拼抢" class="you_pq4"/>
	<div class="clearfix"></div>
</div>
</div>
</template>

<script>
	//import { Group, Cell } from 'vux'

	export default {
		components: {
//			Group,
//			Cell
		},
		data() {
			return {
				// note: changing this line won't causes changes
				// with hot-reload because the reloaded component
				// preserves its current state and we are modifying
				// its initial state.
//				msg: 'Hello World!',
				enjoy:false,
			}
		},
		methods: {
			enjoying(){
				this.enjoy = true;
			},
			xiaoshi(){
				this.enjoy = false;
			}
		}
	}
</script>

<style scoped>
	
	*{
		/*box-sizing: border-box;*/
	}
	body{
		position: relative;
	}
.kuang_k{
	width: 100%;
	height: 180px;
	
}
.kuang_k img{
	width: 100%;
	height: 180px;
}
.you_wen{
	width: 100%;
	padding: 10px 10px;
	margin-top: 10px;
	
}
.you_wen1{
	line-height: 21px;
	font-size: 15px;
	color:#333333;
}
.you_pq{
	width: 100%;
	padding: 10px 10px;
}
.you_pq1{
	line-height: 12px;
	font-size: 12px;
	float: left;
	color: #FF2E22;
	margin-top: 15px;
}

.you_pq2{
	line-height: 20px;
	font-size: 20px;
	float: left;
	color: #FF2E22;
	margin-left: 6px;
	margin-top: 8px;
}
.you_pq3{
	line-height: 12px;
	font-size: 13px;
	float: left;
	color: #9B9B9B;
	margin-left: 6px;
	margin-top: 13px;
}
.you_pq4{
	float: right;
	background: #00C850;
	color: #FFFFFF;
	border-radius: 4px;
	height: 26px;
	width:70px ;
	margin-top: 5px;
	border: none;
	outline: none;
}
.clearfix{
	float: none;
	clear: both;
}
</style>
